<template>
    <!-- 组件的结构 -->
    <div class="student">
        <h1>{{ msg }}</h1>
        <h2>学生姓名：{{ name }}</h2>
        <h2>学生性别：{{ sex }}</h2>
        <button @click="getStudentName">把学生名给school</button>

    </div>
</template>

<script>
    //  引入一个混合
    // 组件交互相关的代码（数据方法等）
    export default {
        name: "Stuent",
        data() {
            return {
                msg: "我是瑞子的人",
                name: "张三",
                sex: "男",
            };
        },
        methods: {
            getStudentName() {
                this.$bus.$emit('hello', this.name);
            }
        }
    };
</script>


<style lang="less">
    .student {
        background-color: yellow;
        padding: 5px;
        margin-top: 30px;
    }

</style>


